@import "./common.less";

nav{
    width:70%;
    height: 70%;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    margin: auto;
    font-size: 0;
}

nav > div{
    position: relative;
    display: inline-block;
    width:50%;
    height: 50%;
    box-sizing: border-box;
}

nav > div:nth-of-type(1),
nav > div:nth-of-type(3){
    border-right: 1px solid #fbfbfb;
}
nav > div:nth-of-type(2),
nav > div:nth-of-type(4){
    border-left: 1px solid #fbfbfb;
}
nav > div:nth-of-type(1),
nav > div:nth-of-type(2){
    border-bottom: 1px solid #fbfbfb;
}
nav > div:nth-of-type(3),
nav > div:nth-of-type(4){
    border-top: 1px solid #fbfbfb;
}

nav > div > a{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color:#404040;
    text-decoration: none;
    font-weight: 800;
    font-size: 2.5rem;
}


a:hover{
    color:#ce2323;
}
/* mobile */
